<!--猜你喜欢-->
<style type="text/less">
    @import "/web/public/public.less";
    .recommend-article{
        margin-left: 90px;
        .title{
            font-size: 18px;
            line-height: 70px;
        }
        .recommend-list{
            width: 556px;
            &>li{
                border-top: 1px solid #EEEEEE;
                padding: 20px 0;
                &>.right{
                    width: 360px;
                    .fr;
                    line-height: 30px;
                }
                .article-name{

                }
                .data{
                    font-size: 14px;
                    margin-top: 20px;
                    .left{
                        color: #7f7f7f;
                    }
                    .right{
                        color: #a8a8a8;
                        .fr;
                    }
                }
            }
        }
    }
</style>
<div class="recommend-article">
    <div class="title">猜你喜欢</div>
    <ul class="recommend-list">
        <li>
            <img src="/web/img/recommend-1.jpg" alt="推荐">
            <div class="right">
                <p class="article-name">
                    标题最多显示35个字符,字号20像素像素,显
                    示两行北京车展PK成都车展 谁延期举办时。
                </p>
                <div class="data">
                    <span class="left">苹果</span>
                    <span class="left">库克</span>
                    <span class="right" style="margin-left: 10px;">7个小时前</span>
                    <span class="right">新浪科技</span>
                </div>
            </div>
        </li>
        <li>
            <img src="/web/img/recommend-2.jpg.png" alt="推荐">
            <div class="right">
                <p class="article-name">
                    标题最多显示35个字符,字号20像素像素,显
                    示两行北京车展PK成都车展 谁延期举办时。
                </p>
                <div class="data">
                    <span class="left">苹果</span>
                    <span class="left">库克</span>
                    <span class="right" style="margin-left: 10px;">7个小时前</span>
                    <span class="right">新浪科技</span>
                </div>
            </div>
        </li>
    </ul>
</div>